import './index.css'
import nav1 from "./img/nav1.jpg"
import nav2 from "./img/nav2.jpg"
import nav3 from "./img/nav3.jpg"
import nav4 from "./img/nav4.jpg"
import { Link } from "react-router-dom";

const Knav = () => {
    return  (
        <div className="knav">
            <h2>热门礼包</h2>
            <ul>
                <li>
                    <div>
                        <img src={nav1} />
                    </div>
                    <h3>领取条件：免费</h3>
                    <p>10Q币<span></span></p>
                    <Link to="/klibao" className="klibao" >
                        <span>超级火爆被抢光</span>
                    </Link>
                </li>
                <li>
                    <div>
                        <img src={nav2} />
                    </div>
                    <h3>领取条件：免费</h3>
                    <p>800元宝<span>600元宝</span></p>
                    <Link to="/klibao" className="klibao" >
                        <span>领取</span>
                    </Link>
                </li>
                <li>
                    <div>
                        <img src={nav3} />
                    </div>
                    <h3>领取条件：免费</h3>
                    <p>800元宝<span>600元宝</span></p>
                    <Link to="/klibao" className="klibao" >
                        <span>超级火爆被抢光</span>
                    </Link>
                </li>
                <li>
                    <div>
                        <img src={nav4} />
                    </div>
                    <h3>领取条件：免费</h3>
                    <p>800元宝<span>600元宝</span></p>
                    <Link to="/klibao" className="klibao" >
                        <span>领取</span>
                    </Link>
                </li>
            </ul>

        </div>
    )
  };

  
export default Knav;